Design Workspace View

The Design view provides a complete WYSIWYG (What-You-See-Is-What-You-Get) editor for editing your web documents. Use this view if you are new to HTML or if you are looking to quickly prototype a page.  By using a WYSIWYG editor, you do not need to know about the code underlying the page.  Editing a web document in this view is the same as editing a document in an advanced word processing application.  You can visually change text alignment, indentation, font faces, sizes, colors, add anchors, images, add and modify tables, lists, and much more by using the Design view toolbars. The Design view also supports drag and drop and multiple undo/redo levels.

To access a context menu for an element that is selected in the editor, right-click on the element. The options on this menu vary based on the type of element selected.

Although the Design view is a feature-rich handy tool to use, Spider Writer's main focus is on source code editing. It is recommended that if you are new to HTML, you use the Design view as a learning tool and strive towards learning to program HTML code in Document Source view.

Design View Options

There are a couple options that can be set in Design view, which can be set in the Design view toolbars.

The Show Borders command flags whether to show all hidden table borders.

The Show Details command flags whether to reveal the location of special tags such as FORM tags.

The Full Resolution command sets the editor to display a full size window.

The 640x480 Resolution command sets the editor to display in 640x480 resolution mode.

The 800x600 Resolution command sets the editor to display in 800x600 resolution mode.

The 1024x768 Resolution command sets the editor to display in 1024x768 resolution mode.

The Horizontal Ruler command toggles whether the horizontal resolution rules is visible.

The Vertical Ruler command toggles whether the vertical resolution rules is visible.

Aborting Design View Changes

The Abort Design Changes command cancels Design view changes made to the document and reverts it back to how the document looked before modification.